Dialog = {
	create: function( id, content )
	{
		if ( $('#' + id).length == 0 )
		{
			$('body').append('<div id="' + id + '" class="dialog"><div class="content"></div></div>');
		}

		var d = $('#' + id);

		if ( !content ) content = '<img src="/public/images/progress.gif" class="loading"/>';

		this.setHtml(id, content)

		d.fadeIn(250);

		return d;
	},

	setHtml: function( id, html )
	{
		$('#' + id + ' .content').html(html);

		if ( $('#' + id + ' .close').length == 0 )
			$('#' + id + ' .content').append('<a href="javascript:;" class="close" onclick="$(this).parent().parent().fadeOut();">Close</a>')
		else
			$('#' + id + ' .close').click(function() { $('#' + id).fadeOut(150); });

		$('#' + id).css( {
			top: ( $(window).height() - $('#' + id).height() ) / 2+$(window).scrollTop() + "px",
			left: ( $(window).width() - $('#' + id).width() ) / 2+$(window).scrollLeft() + "px"
		});
	},

	close: function( id, timeout )
	{
		if ( timeout )
			setTimeout( function() { $('#' + id).fadeOut(); }, timeout);
		else
			$('#' + id).fadeOut();
	},

	open: function( id )
	{
		$('#' + id).fadeIn();
	}
}